body{
	min-width: 1100px;
	/*padding-bottom: 114px;*/
}
a:active,a.active{
	transition: 0.5s;
}
.head{
	width: 100%;
	height: 60px;
	background: url(../img/top-bg.png)no-repeat;
	background-size:100% 100% ;
}
.top-nav{
	/*margin-left: 60px;*/
	background: url(../img/bg-nav.png)no-repeat;
	background-size:100% 100% ;
	padding:  0 20px;
	height: 60px;
}
.top-nav>li{
	float: left;
	position: relative;
}
.top-nav>li a{
	padding: 20px 28px ;
	font-size: 13px;
	color: rgba(255,255,255,.8);
}
.top-nav>li:after{
	position: absolute;
	content: "";
	width: 45%;
	height: 2px;
	background: #fff;
	border-radius: 10px;
	bottom: 10px;
	left: 28%;
	display: none;
}
.top-nav>li:before{
	position: absolute;
	content: "";
	width: 2px;
	height: 15px;
	background: url(../img/line.png);
	top: 23px;
	right: 0;
}
.top-nav>li:last-child:before{
	display: none;
}
.top-nav>li.active:after,.top-nav>li:hover:after{
	display: block;
	transition: 0.5s;
}
.top-secher{
	width:210px;
	border: 1px solid #fff;
	border-radius:15px ;
	margin-top: 5px;
}
.top-secher.mall{
	width: 190px;
}
.top-secher input{
	width: 77%;
	height: 30px;
	background: transparent;
	border: none;
	color: #E4E4E4;
	padding: 0 15px 0 15px;
}
.find-img{
	top: 5px;
	right: 20px;
}
.login-a{
	padding: 5px 20px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 15px;
}
.top-secher input::-webkit-input-placeholder{
	color: #E4E4E4
}
.top-secher input:-moz-placeholder{
	color: #E4E4E4
}
.top-secher input::-moz-placeholder{
	color: #E4E4E4
}
.top-secher input:-ms-input-placeholder{
	color: #E4E4E4
}
.top-secher input::-ms-input-placeholder{
	color: #E4E4E4
}
.nav-list{
	width: 970px;
	background: #fff;
	overflow: hidden;
	border-radius: 5px;
	border-top: 15px solid #2EB82E;
	top:63px;
	left: -126px;
	z-index: 20;
	display: none;
	box-shadow: 0 0  5px 2px rgba(0,0,0,.6);
	max-height: 300px;
    overflow: auto;
}
.nav-list li{
	float: left;
	padding: 5px 0;
	border-bottom: 1px dashed #E5E5E5;
	margin: 0px 44px;
}
.top-nav li .nav-list a{
	padding: 5px 10px;
	border-radius:10px ;
	color: #323232;
}
.top-nav .nav-list a{
    padding: 5px 10px;
    border-radius:10px ;
    color: #323232;
}
.top-nav li .nav-list a.active,.top-nav li .nav-list a:hover{
	color: #FEFEFE;
	background: #158615;
	transition: 0.5s;
}
.top-nav  .nav-list a.active,.top-nav .nav-list a:hover{
    color: #FEFEFE;
    background: #158615;
    transition: 0.5s;
}
.banner{
	height: 450px;
	overflow: hidden;
}
.banner .swiper-container{
	height: 100%;
}
.banner img{
	width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 50px;
	height: 10px;
	background: #BFBFBF;
	opacity: 1;
	border-radius:5px;
}
.new-wuqu .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 150px;
}
.right-bottom .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 115px;
}
.new-wuqu .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 2px;
}

 .swiper-pagination-bullet-active{
	background: #2EB82E!important;
}
.login-style{
	background: #fff;
	z-index: 20;
	width: 110px;
	top: 36px;
	left: -20px;
	/*display: none;*/
	box-shadow: 0 0 5px 2px rgba(0,0,0,.4);
}
.login-style li:hover a{
	color: #2EB82E;
	transition: 0.8s;
}
.relative:hover .login-style{
	display: block;
}
.login-style li{
	padding: 5px 10px;
	border-bottom: 1px solid #E5E5E5;
}
.login-style li img{
	width: 15px;
	vertical-align: middle;
	margin-right: 8px;
}
.login-style:before{
	content: '';
	position: absolute;
    width:0;
    height:0;
    border-width:0 10px 11px;
    border-style:solid;
    border-color:transparent transparent #fff;
    margin:40px auto;
    top: -48px;
	left:63px;

}
.index-right{
	width:300px;
}
.index-right ul,.right-bottom{
	width: 100%;
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	background: #F7F7F7;
}

.select-box{
	width: 80px;
	background: #2EB82E;
	border: 1px solid #5DCF5D;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 5px!important;
	    margin-left: 15px;
}
.select-box select{
	background: transparent;
	border: none;
	color: #fff;
	width: 100%;
	height: 30px;
	text-align: center;
	padding: 5px ;
}
select:focus,input:focus{
	outline: none;
}
.new-wuqu{
	width: 760px;
}
.select-list{
	top: 28px;
	left: 0;
	background: #fff;
	border: 1px solid #B3B3B3;
	z-index: 1;
	display: none;
	border-radius: 5px;

	
}
.select-list a{
	padding: 5px 0px;
	color: #555;
	width: 100%;
}
.select-list a:hover{
	background: #E5E5E5;
}
.select-list a img{
	width: 15px;
	vertical-align: middle;
	margin-right: 5px;
	
}

.new-wuqu-list span,.music-box span{
	/*margin: 0 20px;*/
	min-width: 55px;
	text-align: center;
}
#top-box .new-wuqu-list span{
	margin: 0 20px;
	min-width: initial;
	text-align: center;
}
.tittle{
	background: url(../img/bg-xf.png)no-repeat;
	background-size:100% 100% ;
}
.music-list{
	/*float: left;*/
	/*width: 242px;*/
	/*margin: 10px 16px 10px 16px ;*/
	border-radius: 5px ;
	/*box-shadow: 0 0 5px 2px rgba(0,0,0,.3);*/
}
.muisc-nums{
	bottom: 0;
	left: 0;
	width: 90%;
	background: rgba(0,0,0,.5);
	padding: 5px 5%;
	color: #D0D0D0;
}

.music-list dt img,.music-list dt{
	width: 100%;
	height: 200px;
	border-radius: 5px 5px 0 0;
}
/*.music-box .select-box{
	border: 1px solid #CDCDCD;
	color: #4D4D4D;
	background: none;
}*/
.music-box .select-box i{
	color: #fff!important;
}
.right-top li{
	padding:0 10px;
	margin-bottom: 10px;
}
.right-bottom dl dt img{
	height: 210px;
}
.right-bottom dl dd{
	height: 218px;
	overflow: auto;
    padding-bottom: 27px
}
.ranking-box{
	float: left;
    width: 30%;
    border-radius: 5px;
    padding: 20px 9px;
    height: 500px;
}
.bg_green{
	background: url(../img/index-bg1.png);
	background-size:100% 100% ;
}
.bg_yell{
	background: url(../img/index-bg2.png);
	background-size:100% 100% ;
}
.bg_blue{
	background: url(../img/index-bg3.png);
	background-size:100% 100% ;
}
.ranking-box.bg_yell{
	margin: 0 2.5%;
}
.line{
	width: 80px;
	height: 3px;
	background: #fff;
	border-radius:5px ;
	margin: 10px auto;
}
.ranking-dl dt {
	width: 20%;
}
.ranking-dl dd{
	width: 80%;
}
.ranking-dl dt img{
	width: 50px;
	vertical-align: middle;
	margin-right: 10px;
}
.ranking-box ul li{
	height: 50px;
}
.ranking-dl dt .bofang{
	top: 18px;
	left:18px;
	width: 20px;
}
.footer{
	width: 100%;
	/*height: 500px;*/
	background: url(../img/footer.png)no-repeat;
	padding: 50px 0 ;
}
.footer-left{
	width: 30%;
}
.footer-moiddle{
	width: 35%;
}
.footer-right{
	width: 35%;
}
#taoqu .music-list{
	/*width: 27.33%;*/
	/*margin:20px 0;*/
	/*height: 270px;*/
	/*box-shadow:none;*/
	position: relative;
	margin-top: 20px;
}
#taoqu .music-list:nth-child(3n-1){
	margin: 20px 9% 20px 9%;
}
#taoqu.new-wuqu,.music-man.new-wuqu,#taoqu1.new-wuqu{
	width: 1100px;
	padding-bottom: 50px;
}
#taoqu1 dl{
	box-shadow: none;
	margin: 20px 4% 0 0 ;
}
#taoqu1 dl:nth-child(4n){
	margin-right: 0;
}
.music-man.new-wuqu dt img, .music-man.new-wuqu dt{
	height: 250px;
}
#taoqu .music-list dl dt img{
	width: 100%;
}
.music-list dt .muisc-nums img{
	width: 16px;
	height:11px ;
	vertical-align: middle;
}
.hot-box dl{
	float: left;
	width: 20%;
	margin-bottom: 20px;
	margin-right: 6.5%;
	border-radius:5px 5px 0 0 ;
	overflow: hidden;
	height: 375px;
}
.hot-box dl:hover dd p{
	color: #2EB82E;
}
.hot-box dl:nth-child(4n){
	margin-right: 0;
}
.hot-box dl a{
	width: 100%;
}
.hot-box dl dt img{
	width: 100%;
	height: 240px;
}
.mask,.big-mask{
	width: 400px;
	position: fixed;
	left: 50%;
	margin-left:-200px;
	top: 30%;
	z-index: 50;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	display: none;
}
.big-mask{
	/*display: block;*/
	width: 600px;
	margin-left: -300px;
	border-radius: 10px;
}
.login-left{
	width: 350px;
	padding: 20px 0 75px 0;
}
.login-right{
	width: 250px;
	background: url(../img/login-bg.png)no-repeat;
	background-size:100% 100% ;
	padding:50px 0 30px 0;
	height: 339px;
	text-align: center;
}
.login-right a{
	display: block;
	width: 250px;
	height: 40px;
	margin:30px auto;
	font-size: 16px;
}
.login-right a img{
	vertical-align: middle;
	margin-right: 10px;
	width: 45px;
}
.login-abox a{
	display: block;
	width: 250px;
	height: 45px;
	border-radius:5px ;
	margin:30px auto;
	color: #fff;
	line-height: 45px;
	font-size: 16px;
}
.login-abox a:first-child{
	background: #2EB82E;
}
/*.login-abox a:nth-child(2){*/
/*	background: #2E65B8*/
/*}*/
.login-abox a:last-child{
	color: #5E5E5E;
	border: 1px solid #CDCDCD;
}
.mask-font .inp-box{
	width: 310px;
	height: 45px;
	background: #F4F4F4;
	border: 1px solid #CDCDCD;
	border-radius: 8px;
	margin: 20px auto;
}
.mask-font form{
	width: 310px;
	margin: auto;
}
.mask-font .inp-box input{
	width: 80%;
	height: 35px;
	border: none;
	margin-top: 5px;
	background: transparent;
}
.mask-font .inp-box  img{
	vertical-align: middle;
}
.mask-font .code-box input.generate_code,.mask-inpbox.code-box input.generate_code{
	width: 90px;
	text-align: center;
	height: 45px;
	top: -5px;
	right: 0;
	background: #2EB82E;
	border-radius: 0px 5px 5px 0;
}
.mask-inpbox.code-box input.generate_code{
	padding: 0;
	height: 32px;
	top: 42px;
    right: 87px
}
.paystle-boss{
	width: 95%;
	margin:0 auto!important;
	margin-top: 20px!important;
}








.mask-tittle{
	width: 100%;
	background: url(../img/tc-top.png)no-repeat;
}
.mask-font{
	padding: 30px 0;
}
.mask-abox a{
	width: 120px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	margin: 20px 6%;
}
.mask-abox a:first-child{
	background: #2EB82E;
	color: #fff;
	box-shadow:0 0 5px 2px RGB(46,184,46,.6)
}
.mask-abox a:last-child{
	background: #C2C7CC;
	color: #fff;
	box-shadow:0 0 5px 2px RGB(194,199,204,.6)
}
.mask-font textarea{
	width: 90%;
	margin: 0px auto;
	border: 1px solid #1F7A1F;
	padding: 10px;
	height: 60px;
	border-radius: 5px;
}
.mask-list{
	max-height: 200px;
	overflow: auto;
}
::-webkit-scrollbar{
	width: 6px;
}

::-webkit-scrollbar-track{
	background-color:#fff;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
     border-radius:1em;
     overflow-x: auto;
}
::-webkit-scrollbar-thumb{
	background-color:#ccc;
    -webkit-border-radius: 1em;
    -moz-border-radius: 2em;
    border-radius:1em;
}
.head ::-webkit-scrollbar-thumb{
	background-color: #2EB82E;
}
/*最新舞曲*/
.new-box{
	padding: 50px 0;
	width: 100%;
	background: url(../img/bg1.png)no-repeat;
	background-size:cover ;
}
.new-abox>a{
	width: 100px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 5px 0;
	margin-right: 20px;
}
.new-abox a img{
	vertical-align: middle;
	margin-right: 5px;
}
.new-abox a.active{
	background: #2EB82E;
	border: 1px solid #2EB82E;
}
.new-box dd{
	padding-left:10% ;
}
.new-list{
	padding: 5px;
	border: 1px solid transparent;
	cursor: pointer;
}
.music-box>div{
	border: 1px solid #fff;
	padding: 5px;
}
.music-box>div .left{
	margin-top: 5px;
}
.new-list.active,.new-list:hover,.music-box>div:hover,#new-wuqu .swiper-slide>div:hover{
	background: #F2FAF2!important;
	border: 1px solid #E1F0E1;
}
#new-wuqu .swiper-slide>div{
	border: 1px solid transparent;
	padding: 5px 0;
	/*margin-bottom:10px ;*/
	cursor: pointer;
}
#new-wuqu .swiper-slide .bg_b{
	border: 1px solid transparent;
	padding: 5px 0;
	/*margin-bottom:10px ;*/
	cursor: pointer;
}
.cc .bg_b {
	border: 1px solid transparent;
	padding: 5px 0;
/* margin-bottom: 10px; */
	cursor: pointer;
}

.cc span, .music-box span{
	/* margin: 0 20px; */
	min-width: 55px;
	/*max-width: 60px;*/
	text-align: center;
	vertical-align: middle;

}
.music-box .right span:nth-child(2){

	max-width: 55px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ca .music-list{
	float: left;
	width: 22%;
	margin: 10px 1.5% 10px 1.5%;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.3);
}
.cp .music-list{
	float: left;
	width: 22%;
	margin: 10px 1.5% 10px 1.5%;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.3);
}
.cp .swiper-slide{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#music-man .music-list {
	float: left;
	width: 22%;
	margin: 10px 1.5% 10px 1.5%;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.3);
}


.music-box>div:hover .select-box{
	    background: #2EB82E;
    border: 1px solid #5DCF5D;
}
.music-box>div:hover .select-box i{
	color: #fff!important;
}
.main-left,.main-right{
	margin-bottom: -99999px;
    padding-bottom: 99999px;
    
}
.main-left{
	width: 178px;
	background: #F7F7F7;
	border: 1px solid #D9D9D9;
}
.main-right{
	width: 920px;
	background: #fff;
}
.main{
	width: 1100px;
	margin: auto;
	overflow: hidden;
}
.aside-box li .icon{
	display: block;
	width: 50px;
	height: 50px;
	margin-bottom: 5px;
}
.aside-box li{
	text-align: center;
	padding: 10px 0;
	position: relative;
}
.aside-box li:after{
	content: "";
	position: absolute;
	 width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 13px solid #D9D9D9;
    border-bottom: 10px solid transparent;
    top: 35px;
    right: 0;
    display: none;
}
.aside-box li.active:after{
	display: block;
}
.aside-box li .icon1{
	background: url(../img/video-01.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li.active .icon1{
	background: url(../img/video-01selsct.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li .icon2{
	background: url(../img/video-02.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li.active .icon2{
	background: url(../img/video-02selsct.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li .icon3{
	background: url(../img/video-03.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li.active .icon3{
	background: url(../img/video-03selsct.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li .icon4{
	background: url(../img/video-04.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li.active .icon4{
	background: url(../img/video-04selsct.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li .icon5{
	background: url(../img/video-05.png)no-repeat;
	background-size:100% 100% ;
}
.aside-box li.active .icon5{
	background: url(../img/video-05selsct.png)no-repeat;
	background-size:100% 100% ;
}
.danqu-top{
	background: #F7F7F7;
	border: 1px solid #D9D9D9;
	/*border-bottom: none;*/
	overflow: hidden;
	width: 888px;
}
.danqu-top a{
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #F7F7F7;
	border-right: 1px solid #D9D9D9;
	margin-left: -3px;
}
.danqu-top a.active{
	background: #2EB82E;
	color: #fff;
}
.new-list.active dl dd p,.new-list:hover dl dd p{
	color: #2EB82E;
}
.new-wuqu-list span strong{
	display: inline-block;
	width: 15px;
}
.fx-box dl{
	padding: 0 10px 0 0;
}

.fx-box dl:hover{
	background: #F4F4F4;
	transition: 0.7s;
}
.fx-box dl:hover dd{
	color: #2EB82E;
	transition: 0.7s;
}
.banner-img{
	height: 450px;
}


#taoqu.taoqu-box .music-list:nth-child(3n-1) {
    margin: 20px 3% 0 0%;
}
#taoqu.taoqu-box .music-list{
	width: 22.75%;
	margin-right: 3%;
	box-shadow: 0 0 5px 2px rgba(0,0,0,.3);
}
#taoqu.taoqu-box .music-list:nth-child(4n) {
    margin-right: 0%;
}
.video-bof{
	width: 100%;
	height: 165px;
	text-align: center;
	line-height: 250px;
	z-index: 1;
	display: none;
}
#taoqu.video-boss .music-list .muisc-nums,#video-box .music-list .muisc-nums{
	height: 30px;
}
#taoqu .music-list .select-box,#video-box .music-list .select-box{
	display: none;
}
#taoqu .music-list:hover .video-bof,#taoqu .music-list:hover .select-box,#video-box .music-list:hover .video-bof,#video-box .music-list:hover .select-box{
	display: block;
	transition: 0.7s;
}


#taoqu.taoqu-box dl a:after,
/*#taoqu .music-list a:after*/
{
	content: "";
	position: absolute;
	width:60px ;
	height: 60px;
	background: url(../img/taoqi-video.png)no-repeat;
	top:25% ;
	left: 50%;
	margin-left: -30px;
	display: none;
	transition: 1s;
}
.icon-my{
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

#taoqu.taoqu-box dl:hover a:after,#taoqu .music-list:hover a:after{
	display: block;
	
}
#taoqu.taoqu-box dl:hover dd {
	color: #fff;
	transition: 0.7s;
}
.main-left.vip-box {
	background: #EDF2ED;
	border: 1px solid #EDF2ED;
}
.main-left.vip-box .aside-box li.active{
	background: RGB(46,184,46);
}
.main-left.vip-box .aside-box li.active a{
	color: #fff;
}
.main-left.vip-box  .aside-box li:after{
	display: none
}
.vip-icon{
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
}
.vip-icon1{
	background: url(../img/vip-01.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .vip-icon1{
	background: url(../img/vip-01select.png)no-repeat;
}
.vip-icon2{
	background: url(../img/vip-02.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .vip-icon2{
	background: url(../img/vip-02select.png)no-repeat;
}
.vip-icon3{
	background: url(../img/vip-03.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .vip-icon3{
	background: url(../img/vip-03select.png)no-repeat;
}
.vip-icon4{
	background: url(../img/vip-04.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .vip-icon4{
	background: url(../img/vip-04select.png)no-repeat;
}
.vip-icon5{
	background: url(../img/vip-05.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .vip-icon5{
	background: url(../img/vip-05select.png)no-repeat;
}
.new-icon1{
	background: url(../img/new-01.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .new-icon1{
	background: url(../img/new-01select.png)no-repeat;
}
.new-icon2{
	background: url(../img/new-02.png)no-repeat;
}
.main-left.vip-box .aside-box li.active .new-icon2{
	background: url(../img/new-02select.png)no-repeat;
}
.vip-tittle{
	border-bottom: 2px solid #2EB82E;
}
.vip-box1 dl dt{
	width: 10%;
}
.vip-box1 dl dt img{
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.main{
	min-height: 600px;
}
.vip-form{
	width: 500px;
	margin: 20px auto;
}
.vip-form input,.vip-form select{
	width: 300px;
	padding: 8px ;
	border-radius: 5px;
	border: 1px solid #D9D9D9;
}
.vip-form label{
	width: 150px;
	text-align: right;
}
.vip-form label.file{
	text-align: center;
	padding: 5px;
	background: #F2F2F2;
	border-radius: 5px;
	background: #D9D9D9;
	cursor: pointer;
}
.text-box textarea{
	width: 98%;
	margin: auto;
	border: 1px soil #DADADA;
	padding: 10px;
	height: 200px;
	border-radius: 5px;
}
.vip-qy dt{
	width: 18%;
}
.vip-qy dt img{
	width: 140px;
	height: 140px;
	border-radius: 5px;
}
.cs-box {
	width: 86%;
}

.cs-box dd{
	width: 92%!important;
}
.cs-box dd p{
	width: 100%;
}
.danqu-abf .new-abox a{
	color: #555;
	border: 1px solid #BFBFBF;
}
.danqu-abf .new-abox a.active{
	color: #fff;
}
.new-wuqu-list table{
	width: 100%;
	text-align: center;
	border: none;
}
.new-wuqu-list table th,.new-wuqu-list table td{
	border: none;
	padding: 5px 0;
	
}
.new-wuqu-list table td:nth-child(7){
	width: 90px;
}
.new-wuqu-list table td:nth-child(3){
	width:200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.upload-box .new-list td{
	width:150px ;
}

.upload-box .new-list td:nth-child(2){
	margin-right: 150px;
}
.good-abox>a{
	width: 120px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
    border: 1px solid #BFBFBF;
    margin-right: 15px;
}
.textarea-box textarea{
	width: 96%;
	margin: auto;
	border:1px solid #D9D9D9;
	background: #F4F4F4;
	padding: 1%;
	height: 100px;
	
}

.pl-head{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.pl-list dl dt{
	width: 7%;
}

.list-box .main-left{
	width:300px ;
}
.list-box .main-right{
	width:790px ;
}

.mall-box1 a{
	width: 47%;
}
.mall-box1 a:nth-child(2n+1){
	margin-right: 5%;
}
.mall-box1 a img{
	width: 100%;
	border-radius: 10px;
}

.name{
	width: 350px;
	text-align: left!important;
}
.content-left{
	width: 790px;
}
.content-right{
	width: 300px;
}

.my-list{
	top: 13px;
    left: -100px;
}
.my-list li{
	text-align: left;
}
.seach-div .djs-box .music-list:hover dd,.music-list:hover dd{
	background: #2EB82E!important;
	color: #fff;
	transition: 0.7s;
}
.seach-div .music-list{
	margin-top: 15px;
}
.fx-box dl dt{
	width: 20%;
	height: 120px;
	border-radius: 8px;
	overflow: hidden;
}
.fx-box dl dd{
	width: 75%;
	padding-left: 5%;
}
.sc-box dl{
	margin-bottom: 20px;
}
.sc-box dl p{
	color: #D9D9D9;
	margin-top: 10px;
}
.img-box1 img{
	width: 200px;
	margin: 5px 10px 5px 0;
}
.btn-audio{
    margin: 90px auto;
    width: 186px;
    height: 186px;
    background:url(images/voice_stop.png) no-repeat center bottom;
    background-size:cover;
}

.buy-box{
	border:1px solid #D9D9D9 ;
}
.order-inp label{
	width: 80px;
	text-align: right;
}
.order-inp input,.order-inp select,.order-inp textarea{
	width: 200px;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
.order-inp textarea{
	width: 400px;
	vertical-align: top;
}
.buy-box table{
	border: none;
	width: 100%;
}
.buy-box table tr th,.buy-box table tr td{
	padding: 5px 10px;
	border: none;
	text-align: center;
}
.buy-box table tr th{
	padding: 10px 10px;
}
.buy-box table tr td.goods-infor{
	width: 400px;
	text-align: left;
	margin-top: 10px;
}
.buy-box table tr td input.nums,.goods-nunsbox input{
	width: 40px;
	height: 25px;
	border: 1px solid #D9D9D9;
	text-align: center;
	vertical-align: top;
	margin: 0 -4px;
}
.goods_img{
	width: 70px;
	height: 70px;
}
.cut,.add{
	width: 30px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #D9D9D9;
	font-size: 18px;
}
.cut{
	border-right: none;
}
.add{
	border-left: none;
}
.buy-a,.goods-abox a{
	width: 150px;
	height: 40px;
	background: #F0302F;
	text-align: center;
	font-size: 17px;
	border-radius: 5px;
	color: #fff;
	line-height: 40px;
}
.goods-abox a:last-child{
	background: transparent;
	border: 1px solid #EA2828;
	color: #EA2828;
	margin-left: 50px;
}
.goods-left{
	width: 400px;
	height:400px;
}
.goods-right{
	width: 650px;
	padding-left: 50px;
}
.goods-nunsbox input{
	border-radius: 5px;
	margin: 0;
	vertical-align: middle;
}
.my-abox a{
	border-radius:5px ;
	width: 100px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #BFBFBF;
}
.my-abox a:first-child{
	background: #2EB82E;
	border: 1px solid #2EB82E;
	color: #fff;
}
.my-top dl dt{
	width: 15%;
	height:180px ;
}
.my-top dl dt img{
	width: 100%;
	height:180px ;
}
.my-top dl dd{
	width: 80%;
	margin-left: 5%;
}
.my-file{
	width: 100%;
	background: rgba(255,255,255,.6);
	padding: 10px 0;
	text-align: center;
	bottom: 0;
	left: 0;
	cursor: pointer;
}
.music-box1 dl dt,.music-box1 dl dt img{
	width: 150px;
	height: 150px;
	border-radius: 5px;
	overflow: hidden;
}
.music-box1 dl {
	float: left;
	margin:0 15px 15px 0
}
.seach-div{
	/*display: none;*/
}
.seach-div.active{
	display: block;
}
.fouce-box dl dt{
	width: 80px;
}
.fouce-box dl dd{
	width: 79%;
}
.fouce-box dl{
	float: left;
	border: 1px solid #D8D8D8;
	padding: 10px;
	width: 45%;
	border-radius: 5px;
	
}
.fouce-box dl:nth-child(2n+1){
	margin-right: 6%;
}
.sx-a{
	padding: 5px 15px;
}
.fouce-box{
	min-height: 300px;
}
.order-inp input[type=file]{
	border: inherit;
}
.paly-box{
	border-radius:8px ;
	overflow: hidden;
	width: 1100px;
	height: 120px;
	background: #393132;
}
.paly-btn{
	width:100px ;
}
.paly-btn .pausing{
	width: 81px;
	height: 81px;
	background: url(../img/bofang.png)no-repeat;
}
.paly-inform li{
	padding: 10px 0;
	width: 16%;
	text-align: center;
}
.paly-inform li p{
	margin-top: 10px;
}
.paly-inform li:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 60px;
	background: #D9D9D9;
	top: 5px;
	right: 0;
}
.paly-inform li:last-child:after{
	display: none;
}
.play-abox>a{
	width: 100px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #d5d5d5;
	margin-right: 15px;
}
.play-abox>a.active,.play-abox>a:active{
	background: #2EB82E;
	border: 1px solid #2EB82E;
	color: #fff;
}
.play-abox a img{
	vertical-align: middle;
	margin-right: 5px;
}
.select-box:after{
	position: absolute;
	content: "";
	width: 11px;
	height: 6px;
	background: url(../img/icon-down1.png)no-repeat;
	top: 11px;
	right: 5px;
}
.share-link {
	min-width: 200px;
	padding: 5px;
	border: 1px solid #B3B3B3;
	border-radius:5px ;
	background:#EAFDEA ;
	top: 36px;
	left: 0;
	z-index: 50;
	color: #168316;
	display: none;
}
.play-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 10px;
	background: #343434;
	height: 104px;
	z-index: 50;
	display: none;
	
}
.paly-corlet{
	position: absolute;
	top: 0;
	left: 940px;
}
.paly-corlet img{
	vertical-align: middle;
}
.paly-corlet a{
	margin-right: 10px;
}
.play-img{
	width: 66px;
	height: 66px;
	/*background: url(../img/play-04.png)no-repeat;*/
	background: url(../img/icon-bf1.png)no-repeat;
	vertical-align: middle;
}
.play-img:active{
	background: url(../img/bof.png)no-repeat;
	background-size:100% 100% ;
}
.play-img.active{
	background: url(../img/zt.png)no-repeat;
	background-size:100% 100% ;
}
.play-img.active:active{
	background: url(../img/icon-zt1.png)no-repeat;
	background-size:100% 100% ;
}
.goods_img_box{
	width: 90px!important;
}
.find-inp {
	width: 500px;
	height: 40px;
	top: 35%;
	left: 50%;
	margin-left: -250px;
	background: #fff;
	border-radius: 5px;
}
.find-inp input{
	width: 90%;
	height: 100%;
	border: none;
	border-radius: 5px;
	background: transparent;
}
.find-inp img{
	right: 10px;
	top: 10px;
}
.index-right .select-box:after,.ranking-box .select-box:after{
	display: none;
}
.pay-list{
	border: 1px solid #D8D8D8;
	border-radius: 25px;
	width: 100%;
	float: left;
	margin: 0 1%;
	cursor: pointer;
	white-space: nowrap;
}
/*.pay-list:nth-child(4n){*/
/*	margin: 0 4% 0 1% ;*/
/*}*/
/*.pay-list:nth-child(4n+1){*/
/*	margin: 0 1% 0 4%;*/
/*}*/
.pay-list.active{
	background: url(../img/vip-active.png)no-repeat;
	background-size:100% 100% ;
	border: 1px solid transparent;
}
.paystle-box1{
	/*width: 1000px;*/
	white-space: nowrap;
	/*overflow-x: scroll;*/
}
.paystle-main::-webkit-scrollbar {/*滚动条整体样式*/
        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 3px;
    }
.paystle-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius:3px;
         -webkit-box-shadow: inset 0 0 5px #F5F5F5;
        background: #ccc;
    }
.paystle-main::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px #F5F5F5;
        border-radius: 10px;
        background: #ccc;
    }
.vip-font{
	width: 300px;
	background: #EAFDEA;
	border: 1px solid #A7E6A7;
	padding: 10px;
	color: #168316;
	z-index: 60;
	top: 40px;
	left: 0;
	border-radius: 5px;
	font-size: 12px;
	display: none;
}
.paystyle-top {
	display: flex;
}
.paystyle-top a{
	/*width: 32%;*/
	flex: 1;
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
}
.paystyle-top a.active{
	border-bottom: 1px solid #168316;
	color: #168316;
}
.pay-list.active .vip-font{
	display: block;
}
.paystle-main{
	height: 150px;
	overflow: auto;
}
.pay-iconbox a{
	width: 120px;
	height: 40px;
	text-align: center;
	border: 1px solid #D8D8D8;
	border-radius: 5px;
	line-height: 40px;
	margin-left: 10px;
	/*margin-top: 40px;*/
}
.mask-inpbox input{
	border: 1px solid #D8D8D8;
	padding: 7px;
	border-radius: 5px;
}
/*.order-inp input[type=file]{
	padding: 5px 15px;
	border-radius: 5px;
	background: #F5F5F5;
	border: 1px solid #555;
	width: 100px;
}*/
.song-name{
	width:240px;
}
.paystle-boss{
	display: none;
}
.paystle-boss.active{
	display:block;
}

#new-wuqu .swiper-slide>div:nth-child(7n) .select-list,#new-wuqu .swiper-slide>div:nth-child(6n) .select-list,#new-wuqu .swiper-slide>div:nth-child(5n) .select-list{
	top:-145px
}
.music-box>div:nth-child(2n),#new-wuqu .swiper-slide>div:nth-child(2n),.spun-box .new-list:nth-child(2n),.new-wuqu-list .new-list:nth-child(2n),.spun-box .new-list:nth-child(2n){
	background: #f5f5f5;
}
.music-list h4{
	font-size: 15px!important;
}
#video-box .music-list{
	width: 30%;
}
.classify-box a{
	padding: 2px 5px;
	color: #999;
	font-size: 14px;
}
.classify-box{
	margin-left: 50px;
}
.classify-box a.active,.classify-box a:hover{
	color:#2EB82E ;
	transition: 0.7s;
	
}

.vip-mask{
	width: 500px;
}
.head>.width1200>.left>a>img{
	padding-top: 6px;
}
.head>.width1200,.play-footer .width1200{
	width: 1200px!important;
}
.footer-buy{
	left: 811px;
    top: 15px;
}
.footer-buy .select-list {
    top: -144px;
}
.bg_b{
	background: rgba(46,184,46,0.07);
}
.song-name{
	  text-align: left!important;
}
#new-wuqu .song-name{
	width:280px;
}

.music-box .name,.song .name{
	width:550px ;
}
.cs-box .name{
	width: 200px;
}
textarea:focus{
	outline: none;
}
.card label{
	border: 1px solid #D9D9D9;
	background: #F2F2F2;
	border-radius: 5px;
	padding: 5px 10px;
	text-align: center;
}
.mask-form input{
	
}
.mask-form {
	width: 80%;margin: 10px auto;
	
}
.mask-form label{
	width: 80px;
	text-align: right;
}
.mask-form input,.mask-form select{
	width: 60%;
	border-radius: 5px;
	border: 1px solid #D0D0D0;
	padding: 5px;
}
.mask-video{
	width: 100%;
	background:#F0FAF0;
	left: 0%;
	position: fixed;
	bottom: 114px;
	z-index: 60;
	display: none;
}
.add-address{
	display: none;
}
.add-address-tab input,.add-address-tab textarea{
	height: 25px;
	border-radius: 5px;
	border: none;
	background: #fff;
	text-align: center;
}
.address input{
	width: 360px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 12px;
}
.buy-box .upload-tab th,.buy-box .upload-tab td{
	border: 1px solid #E5E5E5;
}
.buy-box .upload-tab th:first-child,.buy-box .upload-tab td:first-child{
	border-left:none ;
}
.buy-box .upload-tab th:last-child,.buy-box .upload-tab td:last-child{
	border-right:none ;
}
.select-box.bottom{	
	margin: 0;
    width: 74px;
    margin-top: -5px!important;
    background: #fff;
    *border: 1px solid #2EB82E;
    border: #fff;
}
.video-bof img{
	padding-top: 60px;
}
.vodeo-yz .select-list{
	background: #fff;
    /*border: 1px solid #fff;*/
    top: -60px;
}
.vodeo-yz .select-list a{
	color: #2EB82E;
}
.vodeo-yz .select-list a:hover {
    background: #2EB82E;
    color: #fff;
}
.mask-inpbox select{
	width: 57%;
	border: 1px solid #D8D8D8;
    padding: 7px;
    border-radius: 5px;;
}
.mask-inpbox label{
	width: 80px;
	text-align: right;
}
.dv-box .select-list{
	top: -141px;
}
.mask-rido{
	width: 50%;
	text-align: center;
}
/*.mask-main:after{
	width: 1px;
	height: 150px;
	content: '';
	position: absolute;
	background: #CDCDCD;
	left: 50%;
	top: 40px;
}*/
.mask-main:before{
	width: 60px;
	height: 60px;
	content: '';
	position: absolute;
	background: url(../img/pk.png)no-repeat;
	background-size:100% 100% ;
	left: 50%;
	margin-left: -30px;
	top: 110px;
}
.muImg{
position: absolute;
	right: 15px;
	top: 30%;
	display: block;
	display: none;

}
.htab a{
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 25px;
	border: 1px solid #9c9c9c;
	border-radius: 5px;
	text-align: center;
	line-height: 25px;
	margin-top: 10px;
	font-size: 14px;
}
.htab .active{
	background: #5DCF5D;
	color: #fff;
}
.tpd{
	width: 100%;
	margin-top: 20px;
}
.tpd tr th,td{
	height: 35px;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
}
.tpd tr td a{
	display: inline-block;
	width: 40px;
	margin-left: 5px;
	margin-right: 5px;
}



.t-over{
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.t-overs{
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#imageel{
	border-radius: 50%;
}
.top-list-icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin-bottom: 5px;
}
.top-list-box{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 70px;
}